body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: small;
    background-color: #efefef;
    margin: 25px;
}
a:link{
    color: #369;
}
a:visited{
    color: #00f;
}
a:hover{
    color: #000;
}
a:active{
    color: #666;
}


div.content{
    font-family: sans-serif;
    margin: 0;
    margin-bottom: 10px;
    background-color: #ccc; /*#d3e0ea */
    border: 5px solid #333;
/*    padding: 5px 25px 25px 25px;*/
}
#video{
    float: left;
    width: 50%;
/*    max-width: 350px*/
    background-color: #ccc;
    font-family: sans-serif;
    font-size: small;
    /*padding: 10px 20px 10px 40px;*/
    padding-left: 10px;
}
#clips{
    float: left;
    width: 45%;
    height: 500px;
    overflow: scroll;
    font-family: sans-serif;
    font-size: small
    padding-left: 10px;
}

div.sourceinfo{
    font-size: small
}

h1.main{
    width: 100%;
    border-bottom: 1px solid #000;
}

p.footer{
    width: 100%;
    padding-top: 3px;
    /*border-top: 1px solid #000;*/
}

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: #fff;
	float: left;
	/*height: 40px;*/
	font-size: 18px;
	width: 100%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.7em 1em;
	/* padding: 11px 15px; */
	background-color: #036;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li .searchpadding {
	padding: 0.6em 1em 0em 1em;
/*	padding: 10px 15px 11px 15px;*/
 	background-color: #036;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
	background-color: #369;
	color: #fff;
}

#navcontainer ul li a:active {
	background-color: #fb0;
	color: #fff;
}

